<template>
	<view class="main">
		<tou_hand1 handtitle='费率设置'></tou_hand1>
		<view class="show">
			<van-tabs v-model="active" @click="onClick">
				<van-tab title="常用">
					<view class="sone1">
						<input v-model="name" />
						<view class="sonefoot" @click="sbtn">
							<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//search.png"></image>
						</view>
					</view>
					<view class="sone" v-for="(item, index) in cylist" :key="index"
						@click="cyxgbtn(item.packageId,item.types)">
						<view class="soneleft" v-if="item.types=='B2'">
							<view class="sonelefthand">{{item.packageName}}</view>
							<view class="soneleftfoot">{{item.steps[0].standard}}元/度</view>
						</view>
						<view class="soneleft" v-if="item.types=='B5'">
							<view class="sonelefthand">{{item.packageName}}</view>
							<view class="soneleftfoot">{{item.steps[0].standard}}元/度</view>
						</view>
						<view class="soneleft" v-if="item.types=='B1'">
							<view class="sonelefthand">{{item.packageName}}</view>
							<view class="soneleftfoot" v-for="(item1, index1) in item.steps" :key="index1"
								v-if="item1.minPower!=item1.maxPower">
								{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/小时
							</view>
							<view class="soneleftfoot" v-for="(item1, index2) in item.steps" :key="index2+'s'"
								v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/小时
							</view>
							<!-- <view class="soneleftfoot">{{item.steps[0].standard}}元/度</view> -->
						</view>
						<view class="soneleft" v-if="item.types=='B3'">
							<view class="sonelefthand">{{item.packageName}}</view>
							<view class="soneleftfoot" v-for="(item1, index1) in item.steps" :key="index1"
								v-if="item1.minPower!=item1.maxPower">
								{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/次
							</view>
							<view class="soneleftfoot" v-for="(item1, index2) in item.steps" :key="index2+'s'"
								v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/次
							</view>
							<!-- <view class="soneleftfoot">{{item.steps[0].standard}}元/度</view> -->
						</view>
						<view class="soneleft" v-if="item.types=='B4'">
							<view class="sonelefthand">{{item.packageName}}</view>
							<view class="soneleftfoot" v-for="(item1, index1) in item.steps" :key="index1"
								v-if="item1.minPower!=item1.maxPower">
								{{item1.minPower}}-{{item1.maxPower}}瓦-1元/{{item1.standard}}小时
							</view>
							<view class="soneleftfoot" v-for="(item1, index2) in item.steps" :key="index2+'s'"
								v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-1元/{{item1.standard}}小时
							</view>
							<!-- <view class="soneleftfoot">{{item.steps[0].standard}}元/度</view> -->
						</view>
						<view class="soneright">
							<view class="sonerightone color" v-if="item.types=='B1'">计时</view>
							<view class="sonerightone" v-if="item.types=='B2'">计量</view>
							<view class="sonerightone color1" v-if="item.types=='B3'">计次</view>
							<view class="sonerightone" style="color:#ffaa00" v-if="item.types=='B4'">一元</view>
							<view class="sonerightone" style="color:red" v-if="item.types=='B5'">计量2</view>
							<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//yright.png"></image>
						</view>
					</view>
					<view style="width: 100%;position: fixed;bottom: 40upx;">
						<view class="stwo" @click="onebtn">
							立即添加
						</view>
					</view>

				</van-tab>
				<van-tab title="充电包月">
					<view v-if="addNew==0">
						<view class="sone1">
							<input v-model="name" />
							<view class="sonefoot" @click="sbtn">
								<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//search.png"></image>
							</view>
						</view>
						<view class="sone" v-for="(item, index) in bylist" :key="index"
							@click="byxgbtn(item.packageId,item.types)" v-if="item.types=='A1'||item.types=='A3'">
							<view class="soneleft">
								<view class="sonelefthand">{{item.packageName}}</view>
								<view class="soneleftfoot" v-if="item.types=='A1'">
									{{item.monthStandard}}元/月{{item.monthNum}}小时<span v-show="item.comeStandard">，加油包:
										{{item.comeStandard}}元{{item.comeNum}}小时</span>
								</view>
								<view class="soneleftfoot" v-show="item.types=='A3'">
									{{item.monthStandard}}元/月{{item.monthNum}}次<span v-show="item.comeStandard">，加油包:
										{{item.comeStandard}}元{{item.comeNum}}次</span>
								</view>
							</view>
							<!-- <view class="soneleft" style="width: 528upx;" v-show="item.types!='A1'&&item.types!='A3'">
								<view class="sonelefthand">{{item.packageName}}</view>
								<view class="soneleftfoot" v-for="(item1, index1) in item.steps" :key="index1" v-show="item1.minPower!=item1.maxPower">{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元</view>
								<view class="soneleftfoot" v-for="(item1, index2) in item.steps" :key="index2+'s'" v-show="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元</view>
							</view> -->
							<view class="soneright">
								<view class="sonerightone color" v-if="item.types=='A1'">包时</view>
								<view class="sonerightone color1" v-if="item.types=='A3'">包次</view>
								<!-- <view class="sonerightone" style="color:#40D851;" v-show="item.types=='A4'">包总时</view>
								<view class="sonerightone" style="color:#BC12ED;" v-show="item.types=='A5'">按天包时</view>
								<view class="sonerightone" style="color:#0103FD;" v-show="item.types=='A6'">包总次</view>
								<view class="sonerightone" style="color:#E40C00;" v-show="item.types=='A7'">按天包次</view> -->

								<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//yright.png"></image>
							</view>
						</view>
						<view style="width: 100%;position: fixed;bottom: 40upx;">
							<view class="stwo" @click="twobtn">
								立即添加
							</view>
						</view>
					</view>
					<view style="width: 100%;text-align: center;margin-top: 20upx;" v-if="addNew==1">
						<van-switch v-model="checked" size="24px" @input="onInput" />
					</view>
					<view v-if="addNew==1&&checked">
						<view class="showquery">

							<view class="sonetap">
								<input placeholder="输入套餐名字" v-model="packageName" maxlength="50" />
							</view>
							<view class="khan">
								<view style="width: 100%;display: flex;justify-content: center;">
									<view class="stapsix" @click="addshowopen">添加档位</view>
									<view class="stapsix" @click="delshowopen" style="border-color: red;color: red;">
										清空档位</view>
								</view>

								<view class="stapone1" v-for="(item, index) in twolist" :key="index">
									<view class="stapone1left">
										{{item.right}}瓦以下：
									</view>
									<view class="stapone1z">
										{{item.money}}元/30天
									</view>

									<view class="stapone1right" @click="shanbtn(index)"
										v-if="index==twolist.length-1">
										删除
									</view>
								</view>
								<view class="stapseven1">
									<view class="stapsevenleft">{{smoney}}瓦以上：</view>
									<input v-model="twohat" type="digit" placeholder="元" />

									<view class="stapsevenleft1">元/30天</view>
								</view>
							</view>

							<van-tabs v-model="active1" @disabled="onClickDisabled" type="card" @click="newclick">
								<van-tab title="包时" :disabled="hat">
									<view class="stap">
										<van-radio-group v-model="radio" direction="horizontal" @change="newbtn">
											<van-radio name="1">按每天</van-radio>
											<van-radio name="2">按30天</van-radio>
										</van-radio-group>

										<view class="stapone">
											<view class="staponeleft">
												套餐限制：
											</view>
											<input type="digit" placeholder="小时" v-model="monthNum" v-input-limit='0'
												maxlength="6" />
											<view class="staponeleft1">
												小时
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft">
												加油包单价：
											</view>
											<input type="digit" placeholder="元" v-model="comeStandard" maxlength="8" />
											<view class="staponeleft1">
												元
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft">
												加油包小时数：
											</view>
											<input type="digit" placeholder="小时" v-model="comeNum" v-input-limit='0'
												maxlength="6" />
											<view class="staponeleft1">
												小时
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft" style="width: 33%;">
												允许同时充电次数：
											</view>
											<van-stepper v-model="numtitle" max="5" disable-input />
											<view class="staponeleft1">
												次
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft1" style="margin-left: 0upx;color: red;">
												允许一个用户同时能充的最大次数，默认为1，最大为5；
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'&&occNum>0">
											<view class="staponeleft">
												占位费封顶金额：
											</view>
											<input type="digit" placeholder="元" v-model="occupyMax" maxlength="8" />
											<view class="staponeleft1">
												元
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'&&occNum>0">
											<view class="staponeleft">
												占位费率：
											</view>
											<input type="digit" placeholder="元" v-model="occupyRate" maxlength="8" />
											<view class="staponeleft1">

											</view>
										</view>
										<view class="stapone" v-if="radio=='2'&&occNum>0">
											<view class="staponeleft">
												免费时长(小时)：
											</view>
											<input type="digit" placeholder="小时" v-model="occupyFree" maxlength="8" />
											<view class="staponeleft1">
												小时
											</view>
										</view>
										<view class="staptwo">
											<view class="staptwohand">备注：（100字）</view>
											<textarea maxlength='100' v-model="remarks" />
										</view>
										<view class="stapthree">
											<!-- <view class="stapthreeleft" @click="xinzbtn">保存</view>
											<view class="stapthreeright" @click="deletebtn">删除</view> -->
											<view class="stapthreezhong" @click="xinzbtn">保存</view>
										</view>
									</view>
								</van-tab>
								<van-tab title="包次" :disabled="hat1">
									<view class="stap">
										<van-radio-group v-model="radio" direction="horizontal" @change="newbtn1">
											<van-radio name="1">按每天</van-radio>
											<van-radio name="2">按30天</van-radio>
										</van-radio-group>

										<view class="stapone">
											<view class="staponeleft" style="width: 25%;">
												套餐限制：
											</view>
											<input type="digit" placeholder="次" v-model="monthNum" v-input-limit='0'
												maxlength="6" />
											<view class="staponeleft1" v-if="radio=='1'">
												次/天
											</view>
											<view class="staponeleft1" v-if="radio=='2'">
												次/30天
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft" style="width: 25%;">
												加油包单价：
											</view>
											<input type="digit" placeholder="元" v-model="comeStandard" maxlength="8" />
											<view class="staponeleft1">
												元
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft" style="width: 25%;">
												加油包次数：
											</view>
											<input type="digit" placeholder="次" v-model="comeNum" v-input-limit='0'
												maxlength="6" />
											<view class="staponeleft1">
												次
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft">
												允许同时充电次数：
											</view>
											<van-stepper v-model="numtitle" max="5" disable-input />
											<view class="staponeleft1">
												次
											</view>
										</view>
										<view class="stapone" v-if="radio=='2'">
											<view class="staponeleft1" style="margin-left: 0upx;color: red;">
												允许一个用户同时能充的最大次数，默认为1，最大为5；
											</view>
										</view>

										<view class="staptwo">
											<view class="staptwohand">备注：（100字）</view>
											<textarea maxlength='100' v-model="remarks" />
										</view>
										<view class="stapthree">
											<!-- <view class="stapthreeleft" @click="xinzbtn">保存</view>
											<view class="stapthreeright" @click="deletebtn">删除</view> -->
											<view class="stapthreezhong" @click="xinzbtn">保存</view>
										</view>
									</view>

								</van-tab>
							</van-tabs>
							<!-- //计次新增档位弹窗 -->
							<van-popup :show="addshow">
								<view class="tan">
									<view class="tanhand">添加档位</view>
									<view class="tanone">
										<!-- <span class="tantxt">{{onevul}}瓦</span> -->
										<input v-model="twovul" type="digit" /><span class="tantxt">瓦以下</span>
										<view class="tanonetap"></view>
										<input placeholder="金额" v-model="moneyvul" type="digit" /><span
											class="tantxt">元</span>
									</view>
									<view class="tantwo">

									</view>
									<view class="tanbtn">
										<view class="tanbtnleft" @click="addshowclose">取消</view>
										<view class="tanbtnright" @click="addbtn">保存</view>
									</view>
								</view>
							</van-popup>
						</view>
					</view>
				</van-tab>
				<van-tab title="临时">
					<view class="sone1">
						<input v-model="name" />
						<view class="sonefoot" @click="sbtn">
							<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//search.png"></image>
						</view>
					</view>
					<view class="sone" v-for="(item, index) in lslist" :key="index" @click="lsxgbtn(item.packageId)">
						<view class="soneleft">
							<view class="sonelefthand">{{item.packageName}}</view>
							<view class="soneleftfoot" v-for="(item1, index1) in item.steps" :key="index1"
								v-if="item1.minPower!=item1.maxPower">
								{{item1.minPower}}-{{item1.maxPower}}瓦-{{item1.standard}}元/时
							</view>
							<view class="soneleftfoot" v-for="(item1, index2) in item.steps" :key="index2+'s'"
								v-if="item1.minPower==item1.maxPower">{{item1.minPower}}瓦以上-{{item1.standard}}元/时
							</view>
						</view>
						<view class="soneright">
							<view class="sonerightone color">计时</view>
							<image src="https://qiniu.jxyutuo.com/yanqin/tabBarimg//yright.png"></image>
						</view>
					</view>

					<view style="width: 100%;position: fixed;bottom: 40upx;">
						<view class="stwo" @click="threebtn">
							立即添加
						</view>
					</view>

				</van-tab>
				<van-tab title="停车包月">

					<view class="tingtap">
						<view class="tingtapleft">
							<view class="tingtapleftone"></view>
							<view class="tingtaplefttwo">填写套餐信息</view>
						</view>
						<view class="tingtapright" @click="addtc">
							添加套餐
						</view>
					</view>
					<view class="tingmain">
						<view class="tingmaintap" v-for="(item, index) in tclist" :key="index">
							<view class="tingshow">
								<view class="tingshowone">启停套餐<span style="color: red;">（优惠率范围0-1，填0或1表示没有优惠）</span>
								</view>
								<van-switch :checked="item.statusstype" size="24px" @input="tonInput(index)" />
							</view>
							<view class="tingmaintapone">
								<view class="tingmaintaptxt">车辆类型</view>
								<input placeholder="输入套餐名字" v-model="item.typesName" maxlength="50" />
							</view>
							<view class="tingmaintapone">
								<view class="tingmaintaptxt">费率标准</view>
								<input placeholder="最高99元" v-model="item.price" maxlength="50" style="width: 360upx;" />
								<view class="tingmaintaptxt" style="margin-left: 20upx;margin-right: 0upx;">元/30天</view>
							</view>
							<view class="tingmaintaptwo" v-for="(item1, index1) in item.steps" :key="index1">
								<view class="tingmaintaptwoleft">
									<view class="tingmaintaptwoleftfirst">
										<view class="tingmaintaptwoleftfirsttxt">期数</view>
										<van-dropdown-menu :overlay="false" z-index="30">
											<van-dropdown-item v-model="item1.tvalue" :options="item1.toption"
												@change='uptc(item1.tvalue,item1.nums,index,index1)' />
										</van-dropdown-menu>
									</view>
									<view class="tingmaintaptwoleftfirst">
										<view class="tingmaintaptwoleftfirsttxt">优惠率</view>
										<input placeholder="范围0~1之间,0表示无优惠率" v-model="item1.disRate" maxlength="50" />
									</view>
									<view class="tingmaintaptwoleftfirst">
										<view class="tingmaintaptwoleftfirsttxt1" style="color: red;">
											每30天为一期，退款金额根据此标准计算</view>
									</view>
									<view class="tingmaintaptwoleftfirst">
										<view class="tingmaintaptwoleftfirsttxt1" v-if="item1.disRate!=0">
											(共{{item1.nums*30}}天,¥{{((item.price*item1.disRate)/(30)).toFixed(2)}}元/天)
										</view>
										<view class="tingmaintaptwoleftfirsttxt1" v-if="item1.disRate==0">
											(共{{item1.nums*30}}天,¥{{((item.price*1)/(30)).toFixed(2)}}元/天)</view>
									</view>
								</view>
								<view class="tingmaintaptworight">
									<view class="tingmaintaptworightone" @click="qiadd(index)">添加</view>
									<view class="tingmaintaptworighttwo" v-if="index1!=0"
										@click="qidel(index,index1,item1.tvalue)">删除</view>
								</view>
							</view>
							<view class="tingmaintapthree" @click="deltctc(index)">删除套餐</view>
						</view>
					</view>
					<view class="tingdb" @click="tingbtn">保存</view>
				</van-tab>
			</van-tabs>
		</view>
	</view>
</template>

<script>
	import tou_hand1 from '../../components/tou_hand1/tou_hand1.vue'
	// import {
	// 	section
	// } from "../../common/section.js"
	// import {
	// 	Dialog,
	// 	Steps
	// } from 'vant';
	export default {
		components: {
			tou_hand1
		},
		mounted() {

		},

		data() {
			return {
				active: '',
				type: 0, //查询类型 0：常用 1：包月 2：临时
				projectId: '',
				cylist: [], //常用数据
				bylist: [], //包月数据
				lslist: [], //临时数据
				name: '', //套餐名
				addNew: 0, //1新小区，0老小区
				occNum: 0, //充电柜充电区数量

				hat: false,
				hat1: true,
				packageId: '',
				active1: '',
				packageName: '包月默认套餐', //套餐名
				monthNum: 10, //包月次数/时长（小时）
				comeStandard: 0, //加油包金额
				comeNum: 0, //加油包次数/时长
				remarks: '', //备注
				// type: '',
				hat: false,
				hat1: false,
				numtitle: 1, //允许最大购买次数
				radio: '1', //计次选择 按天/30天
				addshow: false, //计次档位弹窗显示
				onevul: 0, //计次弹窗第一个值
				twovul: '', //计次弹窗第二个值
				moneyvul: '', //计次弹窗金额
				twolist: [{
					left: 0,
					right: 200,
					money: 30
				}, {
					left: 201,
					right: 420,
					money: 45
				}, {
					left: 421,
					right: 800,
					money: 60
				}],
				smoney: 801,
				twohat: 120,
				checked: true,
				newtype: '', //新包月套餐类型
				occupyMax: 0, //占位费封顶金额（充电柜）
				occupyRate: 0.3, //占位费率（充电柜）
				occupyFree: 2, //免费时长（充电柜）-小时
				tchecked: false,
				tvalue: 1,
				toption: [{
						text: '1期',
						value: 1
					},
					{
						text: '2期',
						value: 2
					},
					{
						text: '3期',
						value: 3
					},
					{
						text: '4期',
						value: 4
					},
					{
						text: '5期',
						value: 5
					},
					{
						text: '6期',
						value: 6
					},
					{
						text: '7期',
						value: 7
					},
					{
						text: '8期',
						value: 8
					},
					{
						text: '9期',
						value: 9
					},
					{
						text: '10期',
						value: 10
					},
					{
						text: '11期',
						value: 11
					},
					{
						text: '12期',
						value: 12
					}
				],
				tpackageName: '',
				tclist: [], //停车包月列表

			}
		},
		onShow() {
			this.rate();
		},
		created() {

		},
		onLoad(options) {
			this.projectId = options.projectId;
			this.rate();

		},
		methods: {
			//获取一个小区的费率套餐列表
			rate() {
				if (this.type == 3) {
					uni.showLoading({
						title: '加载中',
					})


					this.$base.request1('manager/parkingPackageMsg' + '/' + this.projectId, 'GET')
						.then(res => {
							uni.hideLoading()
							if (res.data.code == 200) {
								let arr = res.data.data
								let toption1 = [{
									text: '1期',
									value: 1
								}, {
									text: '2期',
									value: 2
								}, {
									text: '3期',
									value: 3
								}, {
									text: '4期',
									value: 4
								}, {
									text: '5期',
									value: 5
								}, {
									text: '6期',
									value: 6
								}, {
									text: '7期',
									value: 7
								}, {
									text: '8期',
									value: 8
								}, {
									text: '9期',
									value: 9
								}, {
									text: '10期',
									value: 10
								}, {
									text: '11期',
									value: 11
								}, {
									text: '12期',
									value: 12
								}]
								for (var i = 0; i < arr.length; i++) {
									arr[i].steps = JSON.parse(arr[i].disMsg)
									if (arr[i].statuss == 0) {
										arr[i].statusstype = false
									} else {
										arr[i].statusstype = true
									}
									let qishu = []
									for (var j = 0; j < arr[i].steps.length; j++) {
										qishu.push(arr[i].steps[j].nums)
									}
									for (var j = 0; j < arr[i].steps.length; j++) {
										arr[i].steps[j].tvalue = arr[i].steps[j].nums
										let toption = [{
											text: '1期',
											value: 1
										}, {
											text: '2期',
											value: 2
										}, {
											text: '3期',
											value: 3
										}, {
											text: '4期',
											value: 4
										}, {
											text: '5期',
											value: 5
										}, {
											text: '6期',
											value: 6
										}, {
											text: '7期',
											value: 7
										}, {
											text: '8期',
											value: 8
										}, {
											text: '9期',
											value: 9
										}, {
											text: '10期',
											value: 10
										}, {
											text: '11期',
											value: 11
										}, {
											text: '12期',
											value: 12
										}]
										let m = 1
										for (var t = 0; t < qishu.length; t++) {
											if (t === j) {
												m--
												continue
											}
											toption.splice(qishu[t] - (m + t), 1)
										}
										arr[i].steps[j].toption = toption
									}
								}
								this.tclist = arr
							} else {
								this.$toast.fail(res.data.msg)
							}

						})
						.catch(err => {

						})
				} else {
					uni.showLoading({
						title: '加载中',
					})

					let data = {
						packageName: this.name,
						type: this.type
					}

					this.$base.request1('manager/rate/list' + '/' + this.projectId, 'GET', data)
						.then(res => {
							uni.hideLoading()
							this.addNew = res.data.data.addNew
							this.occNum = res.data.data.occNum
							if (this.occNum > 0) {
								this.radio = '2'
								this.hat = false
								this.hat1 = true
							}
							if (this.type == 0) {
								this.cylist = res.data.data.rows
							} else if (this.type == 1) {
								this.bylist = res.data.data.rows
							} else if (this.type == 2) {
								this.lslist = res.data.data.rows
							}
							if (this.addNew == 1) {
								if (this.bylist.length == 0) {
									this.checked = false
								} else {
									if (this.bylist[0].binds == 0) {
										this.checked = false
									} else if (this.bylist[0].binds == 1) {
										this.checked = true
									}
									var item = this.bylist[0]
									this.newtype = item.types
									if (item.types == 'A5') {
										this.active1 = 0
										this.radio = '1'
										this.hat = false
										this.hat1 = true
									} else if (item.types == 'A4') {
										this.active1 = 0
										this.radio = '2'
										this.hat = false
										this.hat1 = true
									} else if (item.types == 'A6') {
										this.active1 = 1
										this.radio = '2'
										this.hat = true
										this.hat1 = false
									} else if (item.types == 'A7') {
										this.active1 = 1
										this.radio = '1'
										this.hat = true
										this.hat1 = false
									}
									this.packageName = item.packageName
									this.remarks = item.remarks
									this.comeNum = item.comeNum
									if (this.occNum > 0) {
										this.occupyMax = item.occupyMax
									} else {
										this.occupyMax = 0
									}
									this.occupyRate = item.occupyRate
									this.occupyFree = item.occupyFree
									this.comeStandard = item.comeStandard
									this.monthNum = item.monthNum
									this.numtitle = item.limitNum
									this.twohat = item.steps[item.steps.length - 1].standard
									this.smoney = Number(item.steps[item.steps.length - 1].maxPower)
									this.twolist = []
									this.$delete(item.steps, item.steps.length - 1)
									item.steps.map((item1, index, array) => {
										this.twolist.push({
											'left': Number(item1.minPower),
											'right': Number(item1.maxPower),
											'money': Number(item1.standard)
										})
									})


								}
							}
						})
						.catch(err => {

						})
				}

			},
			//切换类型
			onClick(name, title) {
				this.name = ''
				this.type = name
				this.rate();
			},
			//跳转常用添加费率
			onebtn() {
				uni.navigateTo({
					url: '../common_addition_rate/common_addition_rate?projectId=' + this.projectId + '&occNum=' +
						this.occNum
				})
			},
			//跳转临时添加费率
			threebtn() {
				uni.navigateTo({
					url: '../temporary_addition_rate/temporary_addition_rate?projectId=' + this.projectId +
						'&occNum=' + this.occNum
				})
			},
			//跳转包月添加费率
			twobtn() {
				uni.navigateTo({
					url: '../monthly_addition_rate/monthly_addition_rate?projectId=' + this.projectId
				})


			},
			//跳转常用修改费率
			cyxgbtn(packageId, types) {
				uni.navigateTo({
					url: '../common_modification_rate/common_modification_rate?packageId=' + packageId + '&type=' +
						types + '&occNum=' + this.occNum
				})
			},
			//跳转包月修改费率
			byxgbtn(packageId, types) {
				uni.navigateTo({
					url: '../monthly_revised_rate/monthly_revised_rate?packageId=' + packageId + '&type=' + types
				})
				// if(types=='A1'||types=='A3'){
				// 	uni.navigateTo({
				// 		url:'../monthly_revised_rate/monthly_revised_rate?packageId='+packageId+'&type='+types
				// 	})
				// }else{
				// 	uni.navigateTo({
				// 		url:'../new_monthly_revised_rate/new_monthly_revised_rate?packageId='+packageId+'&type='+types
				// 	})
				// }

			},
			//跳转临时修改费率
			lsxgbtn(packageId) {
				uni.navigateTo({
					url: '../temporary_modification_rates/temporary_modification_rates?packageId=' + packageId +
						'&occNum=' + this.occNum
				})
			},
			//搜索
			sbtn() {
				this.rate();
			},
			//充电包月开关
			onInput(checked) {
				if (!checked) {
					Dialog.confirm({
						// title: '提醒',
						message: '您正在停用包月套餐,是否确认停用',
					}).then(() => {
						this.checked = checked;
						let data = {}
						let t = ''
						let arr = []
						if (!this.packageName) {
							this.$toast.fail('套餐名不能为空')
							return;
						}
						if (this.active1 == 1) {
							if (this.radio == '1') {
								t = 'A7'
							} else if (this.radio == '2') {
								t = 'A6'
							}
						} else if (this.active1 == 0) {
							if (this.radio == '1') {
								t = 'A5'
							} else if (this.radio == '2') {
								t = 'A4'
							}
						}
						if (this.twolist.length > 0) {
							this.twolist.map((item, index, array) => {
								arr.push({
									'minPower': Number(item.left),
									'maxPower': Number(item.right),
									'standard': Number(item.money)
								})
							})

							var map1 = {}
							map1['minPower'] = this.smoney
							map1['maxPower'] = this.smoney
							map1['standard'] = Number(this.twohat)
							arr.push(map1)

						} else {
							var map1 = {}
							map1['minPower'] = this.smoney
							map1['maxPower'] = this.smoney
							map1['standard'] = Number(this.twohat)
							arr.push(map1)
						}
						if (!this.twohat.toString()) {
							this.$toast.fail('套餐金额不能为空')
							return;
						}

						if (this.radio == '1') {
							data = {
								packageName: this.packageName,
								type: t,
								minMoney: 0,
								lossRate: 0,
								isFund: 0,
								// monthStandard:0,
								remarks: this.remarks,
								monthNum: this.monthNum,
								comeStandard: 0,
								comeNum: 0,
								limitNum: 1,
								steps: arr,
								binds: 0,
								isAutoStop: 0,
								defaultAutoStop: 0
							}
						} else if (this.radio == '2') {
							data = {
								packageName: this.packageName,
								type: t,
								minMoney: 0,
								lossRate: 0,
								isFund: 0,
								// monthStandard:0,
								remarks: this.remarks,
								monthNum: this.monthNum,
								comeStandard: this.comeStandard,
								comeNum: this.comeNum,
								limitNum: this.numtitle,
								steps: arr,
								binds: 0,
								occupyMax: this.occupyMax,
								occupyRate: this.occupyRate,
								occupyFree: this.occupyFree,
								isAutoStop: 0,
								defaultAutoStop: 0
							}
						}

						let header = {
							'content-type': 'application/json '
						}
						this.$base.request1('manager/rate/rate30Day' + '/' + this.projectId, 'PUT', data, header)
							.then(res => {
								if (res.data.code == 200) {
									this.$toast.success('提交成功')
									uni.navigateBack()
								} else {
									this.$toast.fail(res.data.msg)
									return;
								}
							})
							.catch(err => {

							})
					});
				} else {
					this.$toast.success('您正在启用包月套餐,点击页面保存按钮,完成提交')
				}

			},
			//停车包月开关
			tonInput(index) {
				console.log(this.tclist[index].statusstype)
				if (this.tclist[index].statusstype == false) {
					this.tclist[index].statuss = 0
				} else {
					this.tclist[index].statuss = 1
				}
			},
			//打开新增档位弹窗
			addshowopen() {
				if (this.twolist.length > 0) {
					this.onevul = Number(this.twolist[this.twolist.length - 1].right) + 1

				} else {
					this.onevul = '0'
				}
				this.addshow = true
			},
			//清空档位
			delshowopen() {
				this.twolist = []
				this.onevul = '0'
				this.smoney = '0'
				this.twohat = 0
			},
			onClickDisabled() {
				this.$toast.fail('包月模式不允许切换类型')
			},
			newclick(title) {

				if (title == 0) {
					this.newbtn(this.radio)
				} else {
					this.newbtn1(this.radio)
				}
			},
			newbtn(evt) {
				if (this.active1 == 0) {
					if (this.occNum > 0 && evt == 1) {
						this.radio = '2'
						this.hat = false
						this.hat1 = true
						this.$toast.fail('当前充电区已有充电柜，不允许切换类型')
						return
					}
					if (evt == 1) {
						if (this.newtype == 'A5') {
							this.monthNum = this.bylist[0].monthNum
						} else {
							this.monthNum = 10
						}
					} else {
						if (this.newtype == 'A4') {
							this.monthNum = this.bylist[0].monthNum
						} else {
							this.monthNum = 300
						}
					}

				}

			},

			newbtn1(evt) {
				if (this.active1 == 1) {
					if (evt == 1) {
						if (this.newtype == 'A7') {
							this.monthNum = this.bylist[0].monthNum
						} else {
							this.monthNum = 1
						}
					} else {
						if (this.newtype == 'A6') {
							this.monthNum = this.bylist[0].monthNum
						} else {
							this.monthNum = 30
						}
					}
				}

			},

			//关闭新增档位弹窗
			addshowclose() {
				this.onevul = '',
					this.twovul = '',
					this.moneyvul = ''
				this.addshow = false
			},
			section(num) {
				if (num != 0) {
					if (num < 0 || num > 300) {
						return true
					} else {
						return false
					}
				} else {
					return false
				}

			},
			//新增
			addbtn() {
				if (!this.onevul || !this.twovul || !this.moneyvul) {
					this.$toast.fail('请完善信息')
					return
				}
				if (this.onevul > this.twovul || this.onevul == this.twovul) {
					this.$toast.fail('输入档位不能小于或等于' + this.onevul + '瓦')
					return
				}
				if (this.moneyvul == 0) {
					this.$toast.fail('金额不能为0')
					return
				}
				if (this.section(this.moneyvul) == true) {
					Dialog.confirm({
						title: '提示',
						message: '系统检测到有非正常范围内（正常为0-300元）的费率金额，点击“取消”进行检查，点击“确认”继续操作！'
					}).then(() => {
						var arr = {
							left: this.onevul,
							right: this.twovul,
							money: this.moneyvul
						}
						this.twolist.push(arr)
						this.smoney = Number(this.twolist[this.twolist.length - 1].right) + 1
						this.addshowclose();
					}).catch(() => {
						return
					});
				} else {
					var arr = {
						left: this.onevul,
						right: this.twovul,
						money: this.moneyvul
					}
					this.twolist.push(arr)
					this.smoney = Number(this.twolist[this.twolist.length - 1].right) + 1
					this.addshowclose();
				}

			},
			//删除
			shanbtn(vul) {
				this.twolist.splice(vul, 1)
				if (this.twolist.length > 0) {
					this.smoney = Number(this.twolist[this.twolist.length - 1].right) + 1

				} else {
					this.smoney = '0'
				}
			},
			//添加一个费率套餐
			xinzbtn() {
				Dialog.confirm({
					title: '提示',
					message: '此30天包月套餐费率受设备版本影响，仅限新版本设备使用，如有疑问可详询厂家，是否确认提交'
				}).then(() => {
					let data = {}
					let t = ''
					let arr = []
					if (Number(this.occupyMax) > 9999) {
						this.$toast.fail('占位费上限9999元/小时')
						return
					}
					if (!this.packageName) {
						this.$toast.fail('套餐名不能为空')
						return;
					}
					if (this.active1 == 1) {
						if (this.radio == '1') {
							t = 'A7'
						} else if (this.radio == '2') {
							t = 'A6'
						}
					} else if (this.active1 == 0) {
						if (this.radio == '1') {
							t = 'A5'
						} else if (this.radio == '2') {
							t = 'A4'
						}
					}
					if (this.twolist.length > 0) {
						this.twolist.map((item, index, array) => {
							arr.push({
								'minPower': Number(item.left),
								'maxPower': Number(item.right),
								'standard': Number(item.money)
							})
						})

						var map1 = {}
						map1['minPower'] = this.smoney
						map1['maxPower'] = this.smoney
						map1['standard'] = Number(this.twohat)
						arr.push(map1)

					} else {
						var map1 = {}
						map1['minPower'] = this.smoney
						map1['maxPower'] = this.smoney
						map1['standard'] = Number(this.twohat)
						arr.push(map1)
					}
					if (!this.twohat.toString()) {
						this.$toast.fail('套餐金额不能为空')
						return;
					}

					if (this.radio == '1') {
						data = {
							packageName: this.packageName,
							type: t,
							minMoney: 0,
							lossRate: 0,
							isFund: 0,
							// monthStandard:0,
							remarks: this.remarks,
							monthNum: this.monthNum,
							comeStandard: 0,
							comeNum: 0,
							limitNum: 1,
							steps: arr,
							binds: 1,
							isAutoStop: 0,
							defaultAutoStop: 0
						}
					} else if (this.radio == '2') {
						data = {
							packageName: this.packageName,
							type: t,
							minMoney: 0,
							lossRate: 0,
							isFund: 0,
							// monthStandard:0,
							remarks: this.remarks,
							monthNum: this.monthNum,
							comeStandard: this.comeStandard,
							comeNum: this.comeNum,
							limitNum: this.numtitle,
							steps: arr,
							binds: 1,
							occupyMax: this.occupyMax,
							occupyRate: this.occupyRate,
							occupyFree: this.occupyFree,
							isAutoStop: 0,
							defaultAutoStop: 0
						}
					}

					let header = {
						'content-type': 'application/json '
					}
					this.$base.request1('manager/rate/rate30Day' + '/' + this.projectId, 'PUT', data, header)
						.then(res => {
							if (res.data.code == 200) {
								this.$toast.success('提交成功')
								uni.navigateBack()
							} else {
								this.$toast.fail(res.data.msg)
								return;
							}
						})
						.catch(err => {

						})

				}).catch(() => {
					// on cancel
				});


			},
			//添加停车包月套餐
			addtc() {
				let arr = {}
				arr.projectId = this.projectId
				arr.typesName = ''
				arr.price = 0
				arr.statuss = 1
				arr.statusstype = true
				let steps = []
				let arr1 = {}
				arr1.id = ''
				arr1.disRate = 0
				arr1.toption = this.toption,
					arr1.tvalue = this.tvalue
				arr1.nums = arr1.tvalue
				steps.push(arr1)
				arr.steps = steps
				this.tclist.push(arr)
			},
			qiadd(index) {
				let arr = this.tclist[index].steps
				let arr1 = {}
				arr1.id = ''
				arr1.disRate = 0
				let toption = [{
					text: '1期',
					value: 1
				}, {
					text: '2期',
					value: 2
				}, {
					text: '3期',
					value: 3
				}, {
					text: '4期',
					value: 4
				}, {
					text: '5期',
					value: 5
				}, {
					text: '6期',
					value: 6
				}, {
					text: '7期',
					value: 7
				}, {
					text: '8期',
					value: 8
				}, {
					text: '9期',
					value: 9
				}, {
					text: '10期',
					value: 10
				}, {
					text: '11期',
					value: 11
				}, {
					text: '12期',
					value: 12
				}]
				for (var i = 0; i < arr.length; i++) {
					for (var j = 0; j < toption.length; j++) {
						if (arr[i].tvalue == toption[j].value) {
							toption.splice(j, 1)
						}
					}
				}
				arr1.toption = toption,
					arr1.tvalue = toption[0].value
				arr1.nums = arr1.tvalue
				let tap = this.tclist[index].steps
				for (var i = 0; i < tap.length; i++) {
					for (var j = 0; j < tap[i].toption.length; j++) {
						if (tap[i].toption[j].value == toption[0].value) {
							tap[i].toption.splice(j, 1)
						}
					}
				}
				arr.push(arr1)

			},
			qidel(index, index1, index2) {
				let arr = this.tclist[index].steps
				arr.splice(index1, 1)
				let toption = [{
					text: '1期',
					value: 1
				}, {
					text: '2期',
					value: 2
				}, {
					text: '3期',
					value: 3
				}, {
					text: '4期',
					value: 4
				}, {
					text: '5期',
					value: 5
				}, {
					text: '6期',
					value: 6
				}, {
					text: '7期',
					value: 7
				}, {
					text: '8期',
					value: 8
				}, {
					text: '9期',
					value: 9
				}, {
					text: '10期',
					value: 10
				}, {
					text: '11期',
					value: 11
				}, {
					text: '12期',
					value: 12
				}]
				for (var i = 0; i < arr.length; i++) {
					for (var j = 0; j < toption.length; j++) {
						if (toption[j].value == index2) {
							arr[i].toption.push(toption[j])
						}
					}
					arr[i].toption.sort((a, b) => {
						return a.value - b.value
					})
				}
			},
			uptc(value, value2, index, index1) {
				let arr = this.tclist[index].steps
				let toption = [{
					text: '1期',
					value: 1
				}, {
					text: '2期',
					value: 2
				}, {
					text: '3期',
					value: 3
				}, {
					text: '4期',
					value: 4
				}, {
					text: '5期',
					value: 5
				}, {
					text: '6期',
					value: 6
				}, {
					text: '7期',
					value: 7
				}, {
					text: '8期',
					value: 8
				}, {
					text: '9期',
					value: 9
				}, {
					text: '10期',
					value: 10
				}, {
					text: '11期',
					value: 11
				}, {
					text: '12期',
					value: 12
				}]

				for (var i = 0; i < arr.length; i++) {
					if (i != index1) {
						for (var j = 0; j < toption.length; j++) {
							if (toption[j].value == value2) {
								arr[i].toption.push(toption[j])
							}
						}
						for (var k = 0; k < arr[i].toption.length; k++) {
							if (arr[i].toption[k].value == value) {
								arr[i].toption.splice(k, 1)
							}
						}

						arr[i].toption.sort((a, b) => {
							return a.value - b.value
						})
					}

				}
				arr[index1].nums = value
			},
			deltctc(index) {
				this.tclist.splice(index, 1)
			},
			tingbtn() {
				if (this.tclist.length == 0) {
					this.$toast.fail('请添加套餐')
					return
				}
				let data = this.tclist
				let header = {
					'content-type': 'application/json '
				}
				this.$base.request1('manager/parkingPackageMsg/save', 'POST', data, header)
					.then(res => {
						if (res.data.code == 200) {
							this.$toast.success('提交成功')
							uni.navigateBack()
						} else {
							this.$toast.fail(res.data.msg)
							return;
						}
					})
					.catch(err => {

					})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		// overflow-x: hidden;

		.show {
			/deep/.van-tab {
				font-size: 32upx;
				font-family: PingFang SC Bold, PingFang SC Bold-Bold;
				font-weight: 700;
				color: #999999;
			}

			/deep/.van-tab--active {
				font-size: 32upx;
				font-family: PingFang SC Bold, PingFang SC Bold-Bold;
				font-weight: 700;
				color: #4b98ed;
			}

			/deep/.van-tabs__line {
				width: 95upx !important;
				height: 4upx;
				border-radius: 2px;
				background-color: #4B98ED;
			}

			.sone1 {
				width: 650upx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				margin: 32upx auto;

				input {
					width: 562upx;
					height: 64upx;
					border: 1upx solid #b0b0b0;
					padding-left: 20upx;
				}

				.sonefoot {
					width: 101upx;
					height: 68.5upx;
					background-color: #4B98ED;
					text-align: center;
					box-sizing: border-box;
					padding-top: 13upx;

					image {
						width: 39upx;
						height: 40upx;
					}
				}
			}

			.sone {
				width: 100%;
				box-shadow: 0px 2px 9px 0px rgba(22, 22, 22, 0.1);
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				padding: 23upx 31upx;
				align-items: center;

				.soneleft {
					line-height: 45upx;

					.sonelefthand {
						font-size: 28upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #333333;
						overflow: hidden;
						width: 550upx;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

					.soneleftfoot {
						font-size: 24upx;
						font-family: PingFang SC Medium, PingFang SC Medium-Medium;
						font-weight: 500;
						color: #666666;
					}
				}

				.soneright {
					display: flex;
					align-items: center;

					.sonerightone {
						font-size: 24upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #4bed79;

					}

					image {
						width: 14upx;
						height: 22upx;
						margin-left: 50upx;
					}

					.color {
						color: #F041CC;
					}

					.color1 {
						color: #4B98ED;
					}
				}
			}

			/deep/.van-tab__pane {
				padding-bottom: 180upx;
			}

			.stwo {
				width: 686upx;
				height: 88upx;
				border-radius: 8upx;
				box-shadow: -1upx 6upx 9upx 0upx rgba(75, 152, 237, 0.3);
				margin: 0 auto;
				font-size: 32upx;
				font-family: PingFang SC Bold, PingFang SC Bold-Bold;
				font-weight: 700;
				text-align: center;
				line-height: 88upx;
				background-color: #4B98ED;
				color: #ffffff;
			}

			.showquery {
				/deep/.van-tab {
					font-size: 32upx;
					font-family: PingFang SC Bold, PingFang SC Bold-Bold;
					font-weight: 700;
					color: #999999;
					border-right: 0upx;
				}

				/deep/.van-tab--active {
					font-size: 32upx;
					font-family: PingFang SC Bold, PingFang SC Bold-Bold;
					font-weight: 700;
					color: #FFFFFF;
					background-color: #4b98ed;
				}

				/deep/.van-tabs__nav--card {
					border: 1upx solid #4B98ED;
				}

				.sonetap {
					width: 95%;
					box-sizing: border-box;
					border-radius: 16upx;
					box-shadow: 0upx 6upx 8upx 4upx rgba(4, 4, 4, 0.1);
					background-color: #FFFFFF;
					margin: 0 auto;
					padding: 20upx 0;
					margin-top: 20upx;

					input {
						// width: 100%;
						font-size: 28upx;
						font-family: PingFang SC Medium, PingFang SC Medium-Medium;
						font-weight: 500;
						text-align: center;
						color: #999999;
						// border-bottom: 1upx solid #dedede;
						margin: 0 auto;
						// padding: 25upx 0;
						width: 643upx;
						height: 56upx;
						border: 1upx solid #999999;
						border-radius: 10upx;
					}
				}

				.khan {
					width: 95%;
					border-radius: 16upx;
					box-shadow: 0upx 6upx 8upx 4upx rgba(4, 4, 4, 0.1);
					background-color: #FFFFFF;
					margin: 0 auto;
					padding: 20upx 0;
					margin-top: 20upx;
					box-sizing: border-box;

					/deep/.van-popup--center {
						border-radius: 16upx;
					}

					.staptxt {
						font-size: 28upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #333333;
						margin-top: 40upx;
					}

					.stapsix {
						width: 258upx;
						height: 64upx;
						border: 2upx solid #4b98ed;
						border-radius: 8upx;
						font-size: 24upx;
						font-family: PingFang SC Medium, PingFang SC Medium-Medium;
						font-weight: 500;
						text-align: center;
						line-height: 64upx;
						color: #4b98ed;
						margin: 0 auto;
						// margin-top: 84upx;
					}

					.stapone1 {
						width: 98%;
						border-bottom: 1upx solid #e8e8e8;
						margin-top: 40upx;

						display: flex;
						padding-left: 14upx;
						align-items: center;

						.stapone1left {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
							width: 40%;
						}

						.stapone1z {
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #333333;
							width: 50%;
						}

						.stapone1right {
							font-size: 24upx;
							font-family: PingFang SC Regular, PingFang SC Regular-Regular;
							font-weight: 400;
							color: #666666;
						}

					}

					.stapseven1 {
						width: 100%;
						display: flex;
						align-items: center;
						margin: 30upx auto;
						margin-left: 14upx;

						.stapsevenleft {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
							width: 30%;
						}

						.stapsevenleft1 {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
							margin-left: 10upx;
						}

						input {
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #999999;
							width: 372upx;
							height: 56upx;
							border: 1upx solid #999999;
							border-radius: 10upx;
							text-align: center;
						}
					}
				}

				.tan {
					width: 636upx;
					height: 465upx;
					border-radius: 16upx;
					background-color: #FFFFFF;
					box-sizing: border-box;

					.tanhand {
						font-size: 32upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						text-align: center;
						color: #333333;
						margin-top: 40upx;
					}

					.tanone {
						width: 100%;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-top: 62upx;

						.tantxt {
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							margin-left: 9upx;
						}

						input {
							box-sizing: border-box;
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #999999;
							width: 157upx;
							height: 56upx;
							border: 1upx solid #999999;
							border-radius: 10upx;
							text-align: center;
							align-items: center;
						}

						.tanonetap {
							width: 60upx;
							height: 1px;
							background-color: #dddddd;
							margin: 0 10upx;
						}
					}

					.tantwo {
						width: 189upx;
						margin: 0 auto;
						margin-top: 40upx;
						display: flex;

						.tantxt {
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							margin-left: 9upx;
							margin-top: 10upx;
						}

						input {
							box-sizing: border-box;
							text-align: center;
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #999999;
							width: 157upx;
							height: 56upx;
							border: 1upx solid #999999;
							border-radius: 10upx;
						}
					}

					.tanbtn {
						width: 100%;
						display: flex;
						justify-content: center;
						margin-top: 87upx;

						.tanbtnleft {
							width: 191upx;
							height: 60upx;
							border-radius: 8upx;
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							text-align: center;
							line-height: 60upx;
							color: #ffffff;
							margin-right: 61upx;
							color: #333333;
							border: 1upx solid #333333;

						}

						.tanbtnright {
							width: 191upx;
							height: 64upx;
							border-radius: 8upx;
							background-color: #4B98ED;
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							text-align: center;
							line-height: 64upx;
							color: #ffffff;
						}
					}
				}

				.stap {
					width: 100%;
					box-sizing: border-box;
					padding: 0 32upx;

					/deep/.van-radio-group {
						display: flex;
						justify-content: space-between;
						padding: 20upx 50upx;
						border-radius: 16upx;
						box-shadow: 0upx 6upx 8upx 4upx rgba(4, 4, 4, 0.1);
						background-color: #FFFFFF;
						margin-top: 20upx;

					}

					.stapone {
						width: 100%;
						margin-top: 40upx;
						display: flex;
						align-items: center;
						box-shadow: 0upx 6upx 8upx 4upx rgba(4, 4, 4, 0.1);
						background-color: #FFFFFF;
						margin-top: 20upx;
						box-sizing: border-box;
						border-radius: 16upx;
						padding: 20upx 15upx;

						.staponeleft {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							text-align: left;
							color: #333333;
							width: 32%;
						}

						.staponeleft1 {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							text-align: left;
							color: #333333;
							margin-left: 20upx;
						}

						input {
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							text-align: center;
							color: #999999;
							width: 372upx;
							height: 56upx;
							border: 1upx solid #999999;
							border-radius: 10upx;
						}
					}



					.staptwo {
						width: 100%;

						.staptwohand {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							text-align: left;
							color: #333333;
							margin-top: 58upx;
						}

						textarea {
							width: 100%;
							height: 243upx;
							border-radius: 16upx;
							box-sizing: border-box;
							background-color: #E5E5E5;
							padding: 32upx;
							margin-top: 23upx;
						}
					}

					.stapthree {
						width: 100%;
						display: flex;
						justify-content: space-between;
						margin-top: 66upx;

						.stapthreezhong {
							width: 686upx;
							height: 88upx;
							border-radius: 8upx;
							background-color: #4B98ED;
							font-size: 32upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							text-align: center;
							line-height: 88upx;
							color: #ffffff;
						}

						.stapthreeleft {
							width: 333upx;
							height: 88upx;
							border-radius: 8upx;
							background-color: #4B98ED;
							font-size: 32upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							text-align: center;
							line-height: 88upx;
							color: #ffffff;
						}

						.stapthreeright {
							width: 333upx;
							height: 88upx;
							border-radius: 8upx;
							background-color: #D2D2D2;
							font-size: 32upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							text-align: center;
							line-height: 88upx;
							color: #ffffff;
						}
					}

					.stapfour {
						width: 100%;

						.stapfourhand {
							width: 100%;
							text-align: center;
							margin-top: 20upx;

							image {
								width: 22upx;
								height: 13upx;
							}
						}

						.stapfourfoot {
							margin-top: 10upx;
							width: 100%;
							font-size: 24upx;
							font-family: PingFang SC Regular, PingFang SC Regular-Regular;
							font-weight: 400;
							text-align: center;
							color: #333333;
						}
					}

					.stapfive {
						width: 100%;
						line-height: 40upx;

						.stapfivehand {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
						}

						.stapfivefoot {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 500;
							color: #333333;
						}
					}

					.stapsix {
						width: 258upx;
						height: 64upx;
						border: 2upx solid #4b98ed;
						border-radius: 8upx;
						font-size: 24upx;
						font-family: PingFang SC Medium, PingFang SC Medium-Medium;
						font-weight: 500;
						text-align: center;
						line-height: 64upx;
						color: #4b98ed;
						margin: 30upx auto;
					}

					.stapseven {
						width: 100%;
						display: flex;
						align-items: center;
						border-bottom: 1upx solid #dfdfdf;

						.stapsevenleft {
							font-size: 24upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
							width: 35%;
						}

						input {
							font-size: 28upx;
							font-family: PingFang SC Medium, PingFang SC Medium-Medium;
							font-weight: 500;
							color: #999999;
						}
					}
				}
			}

			.tingtap {
				width: 100%;
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;
				padding: 15upx 32upx;
				margin-top: 36upx;

				.tingtapleft {
					display: flex;
					align-items: center;

					.tingtapleftone {
						width: 20upx;
						height: 32upx;
						background-color: #4b98ed;
						margin-right: 12upx;
					}

					.tingtaplefttwo {
						font-size: 30upx;
						font-family: PingFang SC Bold, PingFang SC Bold-Bold;
						font-weight: 700;
						color: #333333;
					}
				}

				.tingtapright {
					width: 140upx;
					height: 50upx;
					border: 2upx solid #4B98ED;
					text-align: center;
					font-size: 20upx;
					color: #4B98ED;
					font-weight: 700;
					line-height: 50upx;
					border-radius: 8upx;
				}
			}

			.tingmain {
				width: 100%;
				padding: 10upx 20upx;
				box-sizing: border-box;

				.tingmaintap {
					width: 100%;
					border-radius: 16upx;
					box-shadow: 4upx 4upx 9upx 4upx rgba(44, 44, 44, 0.21);
					margin-bottom: 32upx;
					box-sizing: border-box;
					padding: 20upx;
					position: relative;
					padding-bottom: 100upx;

					.tingshow {
						width: 100%;
						display: flex;
						justify-content: space-between;
						box-sizing: border-box;
						align-items: center;
						padding: 20upx 0;

						.tingshowone {
							font-size: 26upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
						}
					}

					.tingmaintapone {
						width: 100%;
						display: flex;
						align-items: center;
						margin-bottom: 25upx;

						/deep/.uni-input-placeholder {
							font-size: 20upx;

						}

						.tingmaintaptxt {
							font-size: 26upx;
							font-family: PingFang SC Bold, PingFang SC Bold-Bold;
							font-weight: 700;
							color: #333333;
							margin-right: 38upx;
						}

						input {
							width: 478upx;
							border: 2upx solid #E5E5E5;
							border-radius: 8upx;
							padding: 10upx 20upx;
							font-size: 20upx;
						}
					}

					.tingmaintaptwo {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
						margin-bottom: 20upx;

						.tingmaintaptwoleft {
							background-color: #f4f4f4;
							width: 538upx;
							box-sizing: border-box;
							padding: 15upx 20upx;

							.tingmaintaptwoleftfirst {
								display: flex;
								align-items: center;
								margin-bottom: 20upx;

								.tingmaintaptwoleftfirsttxt {
									font-size: 26upx;
									font-family: PingFang SC Bold, PingFang SC Bold-Bold;
									font-weight: 700;
									color: #333333;
									margin-right: 38upx;
								}

								.tingmaintaptwoleftfirsttxt1 {
									width: 100%;
									font-size: 20upx;
									font-family: PingFang SC Bold, PingFang SC Bold-Bold;
									font-weight: 700;
									color: #FFA73E;
									text-align: right;
								}

								/deep/.uni-input-placeholder {
									font-size: 20upx;
								}

								input {
									width: 346upx;
									border: 2upx solid #d9d9d9;
									border-radius: 8upx;
									padding: 10upx 20upx;
									font-size: 20upx;
								}

								/deep/.van-dropdown-menu {
									width: 406upx;
									border: 2upx solid #d9d9d9;
									height: 100%;
									padding: 6upx 0;
								}

								/deep/.van-dropdown-menu__title::after {
									top: 10upx;
									right: -300upx;
								}

								/deep/.van-popup--top {
									left: 146upx;
									border: 2upx solid #d9d9d9;
									width: 54%;
									top: 6upx;
								}

								/deep/.van-cell {
									padding: 10upx 20upx;
								}
							}
						}

						.tingmaintaptworight {
							.tingmaintaptworightone {
								width: 100upx;
								height: 50upx;
								border: 2upx solid #4B98ED;
								text-align: center;
								font-size: 20upx;
								color: #4B98ED;
								font-weight: 700;
								line-height: 50upx;
								border-radius: 8upx;
								margin-bottom: 30upx;
							}

							.tingmaintaptworighttwo {
								width: 100upx;
								height: 50upx;
								border: 2upx solid #868686;
								text-align: center;
								font-size: 20upx;
								color: #868686;
								font-weight: 700;
								line-height: 50upx;
								border-radius: 8upx;
							}
						}
					}

					.tingmaintapthree {
						position: absolute;
						bottom: 0upx;
						right: 20upx;
						width: 150upx;
						height: 50upx;
						border: 2upx solid red;
						text-align: center;
						font-size: 20upx;
						color: red;
						font-weight: 700;
						line-height: 50upx;
						border-radius: 8upx;
						margin-bottom: 30upx;
					}
				}
			}

			.tingdb {
				position: fixed;
				bottom: 32upx;
				left: 4.2%;
				width: 686upx;
				height: 88upx;
				border-radius: 8upx;
				background-color: #4B98ED;
				font-size: 32upx;
				font-family: PingFang SC Bold, PingFang SC Bold-Bold;
				font-weight: 700;
				text-align: center;
				line-height: 88upx;
				color: #ffffff;
			}
		}

	}
</style>